:root{
    -my-height-:400px;
}
$size:600px;
$imgSize:200px;
.container{
    width: $size;
    height: $size;
    border: 1px solid red;
    position: relative;
    border-radius: 50%;
    margin: 100px auto;
    display: flex;
    justify-content: center;
    align-items: start;
    animation:rotation linear infinite 20s;
}
.item > img{

    width: 100%;
    height: 100%;
    border-radius: 50%;
    
}
$n:5;
$pDeg: 360deg/$n;
.item{
    width: $imgSize;
    height: $imgSize;
    // border: 1px solid red;
    position: absolute;
    border-radius: 50%;
    margin-top: -100px;
    transform-origin: center $size / 2 + $imgSize / 2 ;
    @for $i from 1 through $n{
        &:nth-child(#{$i}){
            $d:($i - 1) * $pDeg;
            transform: rotate($d);
            img{
                --initDeg:#{-$d};
                transform: rotate(-$d);
                animation: rotation linear infinite 20s reverse;
}

            }
        }
        
    }

@keyframes rotation{
    to{
        transform: rotate(calc(360deg + var(--initDeg,0deg)));
    }
    
}

